*{padding: 0; margin:0;}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
body{
	font-family: '微软雅黑';
	font-size: 14px;
	}

.sougou{
	width: 474px;
	height: 30px;
	border: 1px solid #ccc;
	border-right: none;
	border-radius: 15px;
	margin: 20px auto;
	background-color:#F3F6F8;
	line-height: 30px;
}
.sougou>form>li{
	float: left;
}
.sougou>form>li:nth-child(1){
	padding-left: 18px;
	width:52px;
	position: relative;
}
.sougou>form>li:nth-child(1):before{
	position:absolute;
	content: "";
	display: block;
	width:10px;
	height:6px;
	background: url('./so_arr.png');
	left:50px;
	top:12px;
}
.sougou>form>li:nth-child(1):hover:before{
	background: url('./so_arr.png') 0 -30px;
}
.sougou>form>li:nth-child(1)>ul{
	position:absolute;
	top:30px;
	left:0;
	width:68px;
	background:#F3F6F8;
	display:none;
}
/* .sougou>form>li:nth-child(1):hover>ul{
	display:block;
} */
.sougou>form>li:nth-child(1)>ul>li{
	width:28px;
	margin:0 auto;
	cursor: pointer;
}
.sougou>form>li:nth-child(1)>ul>li:hover,
.sougou>form>li:nth-child(1)>ul>li.active
{
	border-bottom: 2px solid orange;
}
.sougou input[type='text']{
	border:none;
	height:29px;
	background-color:#F3F6F8;
	outline: none;
	width:320px;
	/* 轮廓 */
}
.sougou input[type='submit']{
	height:30px; 
	background-color:#1479D7;
	border-radius:15px;
	border:none;
	color: #fff;
	padding: 0 15px;
}

